<!DOCTYPE html>
<html lang="zh-Hans">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>js - 懒加载动画</title>
    <link rel="stylesheet" href="./css/normalized.css">
    <link rel="stylesheet" href="./css/animation.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <!-- 头部 -->
    <header>
        <div class="tips">Please Scroll Your Page...</div>
    </header>

    <!-- 内容 -->
    <div class="content">
        <!-- 模块1 -->
        <div class="top animation-wrapper">
            <h1 class="title animation-item">Henry Lee</h1>
            <h3 class="sub-title animation-item">GOD THE SAME MAN</h3>
        </div>
        <!-- 模块2 -->
        <div class="introduce animation-wrapper clearFix">
            <img class="fl animation-item" src="./images/henry_lee.JPG" alt="">
            <div class="fr">
                <div class="basic-infos animation-item">
                    <h3 class="title">基本信息</h3>
                    <p>姓名：李鸿耀（Henry Lee）</p>
                    <p>职业：iOS/Web前端工程师/讲师</p>
                    <p>公司：成都睿峰科技有限公司</p>
                    <p>住址：四川省成都市高新区雅和南四路216号龙湖·九里晴川</p>
                    <p>电话：152-2888-5771</p>
                    <p>邮箱：<a href="javascript:;">lihy_online@163.com</a></p>
                </div>
                <div class="des animation-item">
                    <h3 class="title">个人介绍</h3>
                    <p>1993年7月16日出生于四川省自贡市荣县，毕业于成都东软学院。全能型人才，集实力与偶像于一身。2012年发行首张个人同名专辑《Henry》奠定其融合中西方音乐的风格，2013年举行“Hello,World”世界巡回演唱会，2014年获得世界音乐大奖中国区最畅销艺人奖。2014年6月拍摄公益广告<a href="http://video.tudou.com/v/XMTgwMDg1ODYzNg==.html?__fr=oldtd"> < 保护草坪：最遥远的距离 > </a>登上热搜榜第一，引起骚动。2014年9月进入互联网行业，为其即将拍摄的电影《程序猿冒险记》寻找素材，2015年凭借自导自演的动作片《程序猿冒险记》获得台湾电影金马奖、香港电影金像奖最佳新人奖。2016年登上时代周刊封面，被誉为“21世纪鬼才”，2017年进入美食行业，开启“十二道·耀味”美食之旅，荣获2017年度“风云人物”。2018年，随着互联网的发展，加之热爱编程并热衷于从事教育事业而无法自拔，现就职于成都睿峰科技有限公司从事Web前端讲师一职。</p>
                </div>
            </div>
        </div>
        
        <!-- 模块3 -->
        <div class="animation-wrapper">
            <div class="photo animation-item">
                <img src="./images/rimi_team.PNG" alt="">
                <p>睿峰教学团队</p>
            </div>
        </div>
    </div>

    <footer>CopryRight &copy;2018 版权归<a href="https://github.com/lihongyao/">李鸿耀</a>所有 翻版必究.</footer>
    
    <script src="./js/index.js"></script>
</body>
</html>